import React from 'react';
import { Card, Typography } from 'antd';

const { Title, Paragraph, Text } = Typography;

const SellStrategy: React.FC = () => {
  return (
    <div style={{ padding: '20px' }}>
      <Card
        title="卖出策略指南"
        style={{ backgroundColor: '#112240', borderColor: '#233554', color: '#ccd6f6' }}
        headStyle={{ backgroundColor: '#112240', borderBottomColor: '#233554', color: '#64ffda' }}
        bodyStyle={{ backgroundColor: '#112240', color: '#ccd6f6' }}
      >
        <Typography style={{ color: '#ccd6f6' }}>
          <Title level={4} style={{ color: '#64ffda' }}>卖出判断准则</Title>
          <Paragraph>
            卖出策略注重收益兑现与风险回避，通过持续监控市场变化与个股表现，制定明确的退出规则。
          </Paragraph>
          <Title level={5} style={{ color: '#64ffda' }}>执行要点</Title>
          <Paragraph>
            <ul>
              <li><Text style={{ color: '#64ffda' }}>目标达成：</Text> 达到预设盈利目标或重要阻力位时择机兑现。</li>
              <li><Text style={{ color: '#64ffda' }}>趋势破坏：</Text> 均线跌破、关键支撑失守或量价背离及时减仓。</li>
              <li><Text style={{ color: '#64ffda' }}>基本面恶化：</Text> 业绩预期下修、行业政策变化需果断处理。</li>
              <li><Text style={{ color: '#64ffda' }}>风险预警：</Text> 设置动态止损，根据波动度调整退出阈值。</li>
            </ul>
          </Paragraph>
        </Typography>
      </Card>
    </div>
  );
};

export default SellStrategy;
